<template>

  <div id="movie_main">
    <a href="javascript:void(0)" class="link tip-open-app"
      ><img src="https://sz2115api.zf-maple.cn/images/logo.png" alt="" />
      <div>打开App</div></a
    >
    <keep-alive>
      <router-view v-if="$route.meta.keepAlive"></router-view>
    </keep-alive>
      <router-view v-if="!$route.meta.keepAlive"></router-view>
  </div>

</template>
<script>


export default {
  components:{

  },
  data(){
    return {
    }
  },
  methods: {
    onscrollHandler() {
      let clientHeight =
        document.documentElement.clientHeight || document.body.clientHeight;
      console.log(
        document.documentElement.scrollTop || document.body.scrollTop
      );
    },
  },
  mounted(){
  }
};
</script>
<style lang="scss" scoped>
#movie_main,
body,
html {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
.tip-open-app {
  position: fixed;
  right: 0;
  bottom: 2.4rem;
  width: 2.2rem;
  height: 0.76rem;
  line-height: 0.76rem;
  z-index: 10;
  opacity: 0.94;
  background-image: linear-gradient(134deg, #fb3333, #ff5269 75%);
  box-shadow: 0 2px 4px 0 rgb(160 44 41 / 15%);
  border-radius: 20px 0 0 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.link {
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
</style>